import React, { Component } from 'react'

// 相当于 link 的方式导入不是 模块
import './06-app.css'

// 一模块化的方式来使用
// 利于多人合作开发
// 如果要通过模块导入的方式使用需要注意，文件名要是 *.module.css 结尾
import style from './06-app.module.css'

export default class App extends Component {
  render() {
    return (
      <div>
        <div className='error'> 普通 class </div>
        <div className={style.error}> 模块化方式使用 </div>
        <div className={style.active}> 模块化方式使用 </div>
        <div className={style.red}>红色字体的 div</div>
      </div>
    )
  }
}
